<?
// Lấy ra mảng
$arr_people = People_talk();
?>

<div class="people_talk">
   <div class="people_talk_slide w1130" id="gazpo-slider">
        <ul class="">	
        <?
        $i = 0;
        foreach($arr_people as $row) {
            $i++;
            ?>
            <li class="ui-tabs-nav-item" id="nav-fragment-<?=$i?>">
            	<a href="#fragment-<?=$i?>">
            		<img src="<?=people_talk_img.$row['peo_picture']?>" class="slider_thumb wp-post-image" alt="<?=$row['peo_talk']?>" />
            		<div class="people_talk_info">
                        <h3><?=$row['peo_name']?></h3>
                        <p><?=$row['peo_info']?></p>
                    </div>
                    <div class="people_talk_style_border"></div>
            	</a>
            </li>
            <?            
        }
        ?>								
        </ul>
    <?
    $j = 0;
    foreach($arr_people as $row) {
        $j++;
        ?>
        <div id="fragment-<?=$j?>" class="ui-tabs-panel" style="">			 
            <div class="info">
            	<h2><?=$row['peo_talk']?></h2>
                <h4><?=$row['peo_name']?> - <?=$row['peo_info']?></h4>
            </div>
        </div>
        <?
    }
    ?>
    </div>
</div>
<script type="text/javascript">
jQuery(document).ready(function($){	
	$("#gazpo-slider").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
		$("#gazpo-slider").hover(
			function() {
				$("#gazpo-slider").tabs("rotate",0,true);
			},
			function() {
				$("#gazpo-slider").tabs("rotate",5000,true);
			}
		);	
});
</script>